/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/**
 * 下方引入的为Tuniao UI的集成样式文件，为scss预处理器，其中包含了一些"tn-"开头的自定义变量
 * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
 * Tuniao UI自定义的css类名和scss变量，均以"tn-"开头，不会造成冲突，请放心使用 
 */

@import 'tuniao-ui/theme.scss';
@import "@/static/css/common/index.scss";

//font-weight
$Semibold:600;
$Mediumbold:500;
//form input
.tn-form{
	.tn-form-item{
		// color: #6F6F6F;
		// font-size: 24rpx;
		width: 100%;
	}
	.tn-form-item--left{
		margin-bottom: 40rpx!important;
	}
	.tn-form-item--left__content{
		// color: #6F6F6F;
		// font-size: 24rpx;
		.tn-form-item--left__content__label{
			line-height: 24rpx;
			color: #6F6F6F;
			font-size: 24rpx;
		}
	}
	
	.tn-input-class{
		min-height: 72rpx;
		border: 2rpx solid #EDEBF5;
		border-radius: 40rpx;
		background-color: #FCFCFF;
		view:first-child{
			flex:1;
		}
	}
	.tn-input__input{
		padding:0 20rpx;
		font-size: 28rpx!important;
		color: #525252!important;
	}
	.tn-input__textarea{
		padding:22rpx 20rpx!important;
		font-size: 28rpx!important;
		color: #525252!important;
	}
}
//失效输入
.input-disabeld{
	.tn-input-class{
		background-color: #F0F0F0;
		pointer-events: none;
	}
}
//tn-nav-bar
.tn-custom-nav-bar__bar{
	.tn-custom-nav-bar__bar__action--nav-back{
		font-size: 48rpx;
	}
	.tn-custom-nav-bar__bar__action--nav-back-text{
		font-size: 32rpx;
		font-weight: $Mediumbold;
		color: #000000;
	}
}
//全局单选框样式调整
.tn-radio{
	.tn-radio__icon-wrap{
		height: 40rpx!important;
		width: 40rpx!important;
		background-color: #FCFCFF;
		border: 2rpx solid #D5D4D4;
		border-color: #D5D4D4!important;
	}
	.tn-radio__icon-wrap--checked{
		background-color: #55C867!important;
		border: none;
		.tn-icon-success{
			width: 24rpx;
			height: 24rpx;
			border-radius: 100%;
			background-color: #FFFFFF;
			&:before{
				content: '';
			}
		}
	}
	
	.tn-radio__label{
		color: #000000;
		font-size: 28rpx;
	}
}
//富文本表格
.prs-header{
	text-align: center;
}
.prs-paragraph{
	word-wrap: break-word;	
}
.prs-image{
	width: 100%;
	image{
		width: 100%!important
	}
}
.prs-video{
	video{
		width: 100%;
	}
	width: 100%;
}
.prs-table{
	width: 100%;
	td{
		text-align: center;
		border: 1rpx solid red;
	}
	
}
table {
	background-color: red;
	        border-right: 1px solid #000000;
	        border-bottom: 1px solid #000000;
	        text-align: center;
	    }
	    
	    table th {
	        border-left: 1px solid #000000;
	        border-top: 1px solid #000000;
	    }
	    
	    table td {
	        border-left: 1px solid #000000;
	        border-top: 1px solid #000000;
	    }

/* 颜色变量 */

/* 行为相关颜色 */
$uni-color-primary: #007aff;
$uni-color-success: #4cd964;
$uni-color-warning: #f0ad4e;
$uni-color-error: #dd524d;

/* 文字基本颜色 */
$uni-text-color:#333;//基本色
$uni-text-color-inverse:#fff;//反色
$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
$uni-text-color-placeholder: #808080;
$uni-text-color-disable:#c0c0c0;

/* 背景颜色 */
$uni-bg-color:#ffffff;
$uni-bg-color-grey:#f8f8f8;
$uni-bg-color-hover:#f1f1f1;//点击状态颜色
$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色

/* 边框颜色 */
$uni-border-color:#c8c7cc;
$uni-border-color-gray:#f1f1f1;

/* 尺寸变量 */

/* 文字尺寸 */
$uni-font-size-sm:24upx;
$uni-font-size-base:28upx;
$uni-font-size-lg:32upx;
$uni-font-size-xl:48upx;

/* 图片尺寸 */
$uni-img-size-ssm:35upx;
$uni-img-size-sm:40upx;
$uni-img-size-base:52upx;
$uni-img-size-lg:80upx;

/* Border Radius */
$uni-border-radius-sm: 4upx;
$uni-border-radius-base: 6upx;
$uni-border-radius-lg: 12upx;
$uni-border-radius-circle: 50%;

/* 水平间距 */
$uni-spacing-row-sm: 10px;
$uni-spacing-row-base: 20upx;
$uni-spacing-row-lg: 30upx;

/* 垂直间距 */
$uni-spacing-col-sm: 8upx;
$uni-spacing-col-base: 16upx;
$uni-spacing-col-lg: 24upx;

/* 透明度 */
$uni-opacity-disabled: 0.3; // 组件禁用态的透明度

/* 文章场景相关 */
$uni-color-title: #2C405A; // 文章标题颜色
$uni-font-size-title:40upx;
$uni-color-subtitle: #555555; // 二级标题颜色
$uni-font-size-subtitle:36upx;
$uni-color-paragraph: #3F536E; // 文章段落颜色
$uni-font-size-paragraph:30upx;